* {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
}
html,
body {
  width: 100%;
  height: 100%;
}
.system-login{
  display: flex;
  justify-content: center;
  align-items: center;
}
.container {
  width: 100%;
  height: 100%;
  //background-image: url(../../../assets/images/4.png);
  background-size: 100% 100%;
  //padding-top: 10%;
  box-sizing: border-box;
  overflow: hidden;
}

.container > .el-container {
  height: 100%;
  //width: 50%;
  //max-width: 900px;
  min-width: 1200px;
  //margin: 0 auto;
  //background-color: #fff;
  //border-radius: 20px;
  //padding: 50px 0;
}
.el-aside {
  //text-align: center;
  //padding: 40px;
}
.left-bg {
  width: 45%;
  min-width: 480px;
}
.left-bg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.el-main {
  //padding-right: 80px;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url("../../../assets/images/login/left.png"), url("../../../assets/images/login/right.png");
  background-position: left bottom, right top;
  background-size: 127px, 116px;
  background-repeat: no-repeat, no-repeat;
  .flex{
    display: flex;
  }

}
.el-main .el-form{
  width: 450px;
  margin: 0 20px;
}
.el-aside img {
  width: 100%;
}
.el-main p {
  font-size: 25px;
  margin-bottom: 10px;
  margin-top: 40px;
}
.el-main p img{
  width: 366px;
}
.el-main > span {
  color: #bfbfbf;
  font-size: 20px;
}
.el-main ul {
  margin-top: 70px;
  .custom-placeholder {
    ::-webkit-input-placeholder { /* Chrome, Opera, Safari */
     font-size: 14px;
    }

    :-moz-placeholder { /* Firefox 18- */
      font-size: 14px;
      opacity: 1; /* 修复Firefox下placeholder不透明的问题 */
    }

    ::-moz-placeholder { /* Firefox 19+ */
      font-size: 14px;
      opacity: 1; /* 修复Firefox下placeholder不透明的问题 */
    }

    :-ms-input-placeholder { /* Internet Explorer 10-11 */
      font-size: 14px;
    }
  }
}
.el-main ul li {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin: 20px 0;
  .el-input-group__append, .el-input-group__prepend{
    background-color: transparent;
    border: 0;
  }
}
.el-main ul .bottom {
  border-bottom: none;
  margin-top: 60px;
  &.left {
    margin-top: 141px;
  }
}

.el-container .el-button--small, .el-container .el-button--small.is-round {
  width: 100%;
}
input:-internal-autofill-selected {
  font-size: 18px;
}
input:-webkit-autofill {
  /* 自动填充文字颜色 */
  -webkit-text-fill-color: #797979 !important;
  font-size: 18px;
  transition: background-color 5000s ease-in-out 0s;
}
input:-webkit-autofill::first-line{
  font-size: 18px;
}
.el-button--small.is-round{
  border-radius: 5px !important;
  //padding-left: 0 !important;
  //padding-right: 0 !important;
}
.el-main ul li img {
  width: 30px;
  height: 30px;
  vertical-align: middle;
}
.el-main ul li input {
  width: 80%;
  border: none;
  outline: none;
  padding-left: 20px;
  font-size: 18px;
  color: #797979;
}
.el-main ul li input.code{
  width: 50%;
}
.el-main ul li button {
  width: 90%;
  color: #fff;
  display: block;
  margin: 20px auto;
  font-size: 20px;
}
.el-main ul li img.code-img {
  width: 38%;
  height: 30px;
  object-fit: contain
}
.system-login{
  ul{
    li{
      .code-img{
        width: 38%;
        height: 30px;
        object-fit: contain
      }
    }
  }

}
.el-form-item--small .el-form-item__content{
  line-height: 32px;
  flex: 1;
  display: flex;
}
.el-main ul li input{
  width: 100%;
}
